{{template "../public/page_header.html" .}}
{{template "../public/banner.html" .}}
<script type="text/javascript" src="/static/backend/js/jqPaginator.js"></script>
<link rel="stylesheet" href="/static/backend/bootstrap/css/bootstrap.css">
	<!-- start singleproduct -->
		<div class="singleproduct center">
			
			<div class="search-filter center">
				
			</div>
			
			
			<div class="main center mb20">
				{{range $key,$value := .productList}}
				<div class="star fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;"
					onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
					<div class="sub_star">
						<a href="item_{{$value.Id}}.html" target="_blank">
							<img src="{{$value.ProductImg | formatImage}}" alt="{{$value.Title}}" />
						</a>
					</div>
					<div class="brand"><a href="item_{{$value.Id}}.html" target="_blank">{{$value.Title}}</a></div>
		
					<div class="product">{{$value.Price}}元</div>
				</div>
				{{end}}
				<div class="clear"></div>	
				<div id="pagination" class="pagination fr">

				</div>		
			</div>
			<div class="clear"></div>

			
		</div>
		
	<!-- end singleproduct -->

	<script>

		$(function(){
			$('#pagination').jqPaginator({
				totalPages: {{.totalPages}},
				visiblePages: 10,
				currentPage: {{.page}},
				onPageChange: function (num, type) {
				   console.log(num,type)
				   if(type=="change"){
						location.href="/search/productList?keyword={{.keyword}}&page="+num;
				   }
				}
			});
		})
	</script>

	{{template "../public/page_footer.html" .}}

	</body>
</html>